<template>
  <!-- #region template -->
  <div
    class="d-flex"
    style="column-gap: 1%"
  >
    <BAvatar
      bg-variant="primary"
      text="P"
    />
    <BAvatar
      bg-variant="primary"
      text-variant="info"
      text="P"
    />
    <BAvatar
      bg-variant="secondary"
      text="A"
    />
    <BAvatar
      bg-variant="secondary"
      text-variant="info"
      text="A"
    />
    <BAvatar
      bg-variant="warning"
      text="A"
    />
    <BAvatar
      bg-variant="warning"
      text-variant="light"
      text="A"
    />
  </div>
  <!-- #endregion template -->
</template>
